.articleItemsContent {
  :global {
    .top_tips {
      display: flex;
      align-items: center;
      font-size: 14px;
      border-bottom: 1px solid #ebebeb;
      padding: 10px 20px;
      .tips {
        color: #888888;
        margin-left: 5px;
      }
    }
    .content {
      .topPadding {
        padding: 20px 20px 0 20px;
      }
      .top_author_info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .left_author {
          display: flex;
          align-items: center;
          .left_header_img {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            overflow: hidden;
            img {
              width: 100%;
              height: 100%;
            }
          }
          .right_info {
            margin-left: 10px;
            .userInfo {
              display: flex;
              align-items: center;
              font-size: 12px;
              color: #888888;
              margin-top: 3px;
              .point {
                margin: 0 5px;
              }
            }
          }
        }
        .right_guanzhu_btn {
          .btn {
            padding: 5px 20px;
            border: 1px solid #1e80ff;
            color: #1e80ff;
            font-size: 12px;
            cursor: pointer;
          }
        }
      }
      .center_article {
        margin-top: 10px;
        .title {
          font-weight: 700;
          margin-bottom: 10px;
        }
        .article_content {
          display: flex;
          justify-content: space-between;
          align-items: start;
          .left_article {
            flex: 1;
            flex-shrink: 0;
            color: #5c6066;
            font-size: 14px;
          }
          .right_img {
            width: 70px;
            height: 70px;
            border-radius: 5px;
            flex-shrink: 0;
            overflow: hidden;
            margin-left: 10px;
            img {
              width: 100%;
              height: 100%;
            }
          }
        }
      }
      .bottom_like_recommt_share {
        display: flex;
        padding: 10px 0;
        border-top: 1px solid #ebebeb;
        margin-top: 20px;
        .items:last-child {
          border-right: none;
        }
        .items {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #8a93a0;
          font-size: 14px;
          flex: 1;
          border-right: 1px solid #ebebeb;
          cursor: pointer;
          .value {
            margin-left: 4px;
          }
        }
        .items:hover {
          color: rgb(195, 201, 207);
        }
      }
    }
  }
}
